@layout("/common/_container.html"){
<link rel="stylesheet" href="${ctxPath}/static/layui/css/layui.css" media="all">
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>广告位记录</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
<!--                        筛选条件-->
                        <div style="margin-bottom: 30px;display: flex;flex-direction: row;">
<!--                            条件布局-->
                            <div style="margin-right: 30px;">
                                <div style="display: flex;flex-direction:row;">
                                    <div style="display: flex;flex-direction: row;align-items: center;justify-content: center;margin-right: 20px;">
                                        广告名称: <input id="adName" style="width: 150px;height: 30px;margin-left: 10px;">
                                    </div>
                                    <div style="display: flex;flex-direction: row;align-items: center;justify-content: center;margin-right: 20px;">
                                        广告位置: <select id="adLocation"  style="width: 150px;height: 30px;margin-left: 10px;">
                                        <option value="">请选择</option>
                                        <option value="1">首页Banner</option>
                                        <option value="2">启动页</option>
                                        <option value="3">首页全屏弹窗</option>
                                    </select>
                                    </div>
                                    <div style="display: flex;flex-direction: row;align-items: center;justify-content: center">
                                        展示人群: <div style="width: 200px;margin-left: 10px;">
                                        <input name="showType" type="checkbox" value="0"> 免费
                                        <input name="showType" type="checkbox" value="1"> VIP
                                        <input name="showType" type="checkbox" value="2"> 专属线路
                                            </div>
                                    </div>
                                </div>

                                <div style="display: flex;flex-direction: row;margin-top: 20px;">
                                    <div style="display: flex;flex-direction: row;align-items: center;justify-content: center;margin-right: 20px;">
                                        生效时间: <input id="startTime"  style="width: 150px;height: 30px;margin-left: 10px;">-<input id="endTime"  style="width: 150px;height: 30px;margin-left: 10px;">
                                    </div>
<!--                                    <div style="display: flex;flex-direction: row;align-items: center;justify-content: center;margin-right: 20px;">-->
<!--                                        失效时间: -->
<!--                                    </div>-->
                                    <div style="display: flex;flex-direction: row;align-items: center;justify-content: center">
                                        广告状态: <select id="adStatus"  style="width: 150px;height: 30px;margin-left: 10px;">
                                        <option value="">请选择</option>
                                        <option value="0">未上线</option>
                                        <option value="1">已上线</option>
                                        <option value="2">已下线</option>
                                    </select>
                                    </div>
                                </div>
                            </div>
                        <!--条件布局结束-->
<!--                            搜索按钮跟导出按钮-->
                            <div style="display: flex;flex-direction: column;">
                                <button style="color: #f1f1f1;
                                    background-color: #0e9aef;
                                    border: none;
                                    margin-right: 10px;
                                    margin-left: 15px;
                                    margin-bottom: 20px;
                                    width: 70px;
                                    height: 30px;" onclick="VpnAdsManage.search()">搜索</button>

                                <button style="color: #f1f1f1;
                                    background-color: #3a9572;
                                    border: none;
                                    margin-right: 10px;
                                    margin-left: 15px;
                                    width: 70px;
                                    height: 30px;" onclick="VpnAdsManage.export()">导出</button>
                            </div>
                        </div>
<!-- 筛选条件布局结束 -->
                        <H3>| 广告列表</H3>
                        <table class="layui-table-body"
                               id="table" layout-filter="info2" style="margin-top: 30px;"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/layui/layui.js" charset="utf-8"></script>
<script src="${ctxPath}/static/modular/vpn_ads_manage/vpnAdsManage.js"></script>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#startTime',
            type:'datetime'
        });
        laydate.render({
            elem: '#endTime',type:'datetime'
        });
    });
</script>
@}
